<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
        <link rel="stylesheet" type="text/css" href="css/main_style.css" />
        <link rel="stylesheet" type="text/css" href="css/popup.css" />
        <link rel="stylesheet" type="text/css" href="css/fineuploader.css" />
        <script src="js/main.js" />
    </head>
    <body>
        <a href="#" onclick="showBlock('create_new_goal');">
            <div class="my_goal_first_string" id="my_goal_first_string">Добавление новой цели</div>
        </a>
        <div class="create_new_goal" id="create_new_goal" style="display: block">

            <div class="create_my_goal_string" style="padding-top: 7px;">
                <div class="mgs_c1">Название цели</div>
                <div class="mgs_c2"><input type="text" style="width: 320px;" placeholder="Введите название цели" /></div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1">Категория</div>
                <div class="mgs_c2" id="mgs_c2">
                    <select>
                        <option selected="selected">без категории</option>
                        <option>Спорт</option>
                        <option>Бизнес</option>
                        <option>Образование</option>
                        <option disabled="">-----------------</option>
                        <option>добавить другую категорию...</option>
                    </select>
                </div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1">начало</div>
                <div class="mgs_c2"><input type="date"></input></div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1">конец</div>
                <div class="mgs_c2"><input type="date"></input></div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1">Описание цели</div>
                <div class="mgs_c2"><textarea style="resize: none; width: 320px;" placeholder="введите описание цели" rows="4"></textarea></div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1">Промежуточные цели</div>
                <div class="mgs_c2"><textarea style="resize: none; width: 320px;" placeholder="введите описание цели" rows="4"></textarea></div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1">Буду отчитываться каждые</div>
                <div class="mgs_c2">
                    <select>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                    </select>
                    <select>
                        <option>часов</option>
                        <option selected="selected">дней</option>
                        <option>месяцев</option>
                    </select>
                </div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1">Критерий достижения цели</div>
                <div class="mgs_c2"><textarea style="resize: none; width: 320px;" placeholder="введите описание цели" rows="4"></textarea></div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1" style="width: 542px;">
                    <input type="checkbox" style="font-size: 14pt;"></input>
                    <span style="position: relative;top: -2px;cursor:help;border-bottom: 1px dashed #000080;" title="Если Вы отметите этот пункт, то другие пользователи смогут видеть эту цель при просмотре Вашей страници.">Публичная цель</span>
                </div>
            </div>
            <div class="create_my_goal_string">
                <div class="mgs_c1" style="padding:10px 0 0 10px;width:169px">
                    <a href="#" class="add_file">Загрузить фото/видео</a>
                </div>
                <div class="mgs_c2"><!-- Здесь будут выводиться названия добавленных фото/видео файлов -->
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/1.jpg" title="1" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/3.jpg" title="3" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/4.jpg" title="4" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/5.jpg" title="5" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/6.jpg" title="6" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/7.jpg" title="7" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/8.png" title="8" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/9.jpg" title="9" alt="" /></a></div>
                    <div class="add_file_thumb"><a href="#" title="Удалить этот файл."><span class="remove_file"></span></a><a href="#"><img src="img/10.jpg" title="10" alt="" /></a></div>
                </div>
            </div>
            <div class="create_my_goal_string" style="margin-top: 15px;">
                <div class="mgs_c1" style="width: 250px; text-align: center; padding-top: 3px;"><span class="abort_goal"><a href="#">Я ошибся</a></span></div>
                <div class="mgs_c2" style="width: 250px; text-align: center;"><span class="accep_goal"><a href="#">Вызов принят!</a></span></div>
            </div>
        </div>
    </body>
</html>
